import React, { Component } from 'react'
import { ReturnHeader } from '../header'

export default class AccountDetail extends Component {
  render() {
    const mobile = sessionStorage.mobile
    return (
      <div className="rt-account-detail">
        <ReturnHeader title="账户情况"/>
        <div className="cm-scrollable-container">
          <div className="-item">
            <span>账户</span>
            <span>{mobile.slice(0, 3) + '****'+mobile.slice(-4)}</span>
          </div>
          <div className="-item">
            <span>姓名</span>
            <span>张道达</span>
          </div>
          <div className="-item">
            <span>身份证号</span>
            <span>310103****1234</span>
          </div>
          <div className="-item">
            <span>身份</span>
            <span>合格投资人</span>
          </div>
          <div className="-item">
            <span>认证情况</span>
            <span>131****1234</span>
          </div>
        </div>
      </div>
      )
  }
}